<template>
  <Watermark id="watermark" :options="options">
    <slot></slot>
  </Watermark>
</template>
<script setup>
import { Watermark } from '@pansy/vue-watermark'
import { useAttrs } from 'vue'
const $attrs = useAttrs()
const options = {
  text: 'admin',
  container: 'watermark',
  mode: 'repeat',
  monitor: true,
  image: undefined,
  opacity: 0.15,
  width: 100,
  height: 100,
  offsetLeft: 0,
  offsetTop: 0,
  gapX: 200,
  gapY: 200,
  zIndex: 9999,
  rotate: -22,
  fontSize: 16,
  textAlign: 'center',
  fontStyle: 'normal',
  fontColor: '#000',
  fontFamily: 'sans-serif',
  fontWeight: '300',
  blindOpacity: 0.005,
  ...$attrs
}
</script>
<style lang="scss"></style>
